import lessModule from "./index.module.less"
import { useState } from "react"

// 主页-全景监控页面-地图组件-站点线路信息窗组件
interface componentInterface {
    sourceData: object
}
const HomePage_PanoramicMonitoringPage_MapComponent_SubstationPolylineInfoWindowComponent: React.FC<componentInterface> = (props) => {


    return (
        <div className={lessModule["homePagePanoramicMonitoringPageMapComponentSubstationPolylieInfoWindowComponent"]}>
            <div className={lessModule["homePagePanoramicMonitoringPageMapComponentSubstationPolylieInfoWindowComponent-row"]} >
                <span>{props.sourceData["dataType"]}：</span>
                <span className={lessModule["homePagePanoramicMonitoringPageMapComponentSubstationPolylieInfoWindowComponent-row__value"]} style={{ color: true ? "#52C41A" : "#FF4D4F" }}>{props.sourceData["realData"] ? props.sourceData["realData"].toFixed(2) :"-"} {props.sourceData["realData"] ? "A" : ""}</span>
            </div>
        </div >
    )
}
export default HomePage_PanoramicMonitoringPage_MapComponent_SubstationPolylineInfoWindowComponent